
<script setup lang="ts">
// import { pointsData } from 'mock/pointsData'
definePage({
  name: 'entry',
  meta: {
    level: 2,
    title: '报名页',
    i18n: 'home.entry',
  },
})


</script>

<template>
  <Container>
    <div class="data-content-title">A组</div>
    
    
  </Container>
</template>

<style lang="less" scoped>
.data-content-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  padding: 10px 0;
  margin: 10px 0 5px;
  background: #c2e8ff;
  text-align: center;
  border-radius: 8px;
  &.data-content-titleB {
    margin-top: 20px;
    background: #e5d0fb;
  }
}
.data-content {
  border-radius: 8px;
  .content-item{
    background: #eef9ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
      font-size: 14px;
      text-align: center;
    .item-name {
      width: 40%;
      font-size: 16px;
      color: #333;
    }
    .item-win {
      width: 20%;
    }
    .item-fail {
      width: 20%;

    }
    .item-point {
      width: 20%;
    }
  }
  .data-content-header{
    background: #99dafd;
    .item-name {
      font-size: 16px;
      font-weight: bold;
    }
  }
  .data-content-body {
    border-top: 1px solid #fff;
    .item-name {
      font-size: 16px;
      color: #333;
    }
    .item-win {
      color: green;
    }
    .item-fail {
      color: red;

    }
    .item-netWin{
      color: #333;
    }
    .item-point {
      font-weight: bold;
      font-size: 16px;
    }
    &:nth-child(-n+3) {
      background: #bce8fe;
    }
  
  }
  &.data-contentB{
    .content-item{
      background: #eeddff;
    }
    .data-content-header{
      background: #cfa4fa;
    }
    .data-content-body {
      &:nth-child(-n+3) {
        background: #dbbcfe;
      }
    }
  }
  
}
</style>
